﻿@charset "utf-8";
@import "common/global";
@import "header";
@import "footer";

.trial-pannel{
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    visibility: visible;
    width: 100%;
    background-color: rgba(0,0,0,.5);
    z-index: 111;
    .trial-wrap{
        position: fixed;
        bottom: 0;
        left: 0;
        background: #fff;
        width: 100%;
        height: 80%;  
        .close-tag{
            width:0.6rem;
            height:0.5rem;
        }

        .trial-content{
            max-height: 90%;
            overflow-y: auto;

            .trial-item{
                .item-btn{
                    padding: rem(15px) rem(30px);
                    margin-right: rem(15px);
                    margin-bottom:15px;
                    background-color: #f8f8f8;
                    color: #444;
                    border-radius: rem(5px);
                    display: inline-block;
                }

                .item-date{
                    appearance:none;
                    -moz-appearance:none;
                    -webkit-appearance:none;
                    border: none;
                    text-align: center;
                }

                .diy_background.item-btn{
                    color: #fff;
                }
            }
        }
    }
}

